<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>同步树</title>
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	<script src="../../../../scripts/jquery.utils.js" type="text/javascript"></script>
	
	<link  href="../../../../themes/default/ui.css" type="text/css" id="themesLink" rel="stylesheet" />
	<script type="text/javascript" src="../../../../scripts/jquery_plugins/jquery.json.js" ></script>
	<script src="../ui.tree.js" type="text/javascript"></script>
	<link  href="../ui.tree.css" rel="stylesheet" type="text/css" />

	<style>
		.tree{
			width:200px;
			height:240px;
		}
	</style>

	<script>
		$(function(){
				$('#dyn-tree').tree({
					dataSourceMode :   'url',
	            	method		   :   'post',
	            	asyn		   :   true,
	            	url			   :   '/widgets/core/tree/demo/data.html',
	            	rootId         :   'root',
	            	rootText       :   '根节点'
	            }) ;
		}) ;
	</script>
	
</head>

<body>
	<div id='content-dyn' class='demo'>
		<h1></h1>
		<div id="dyn-tree" class="tree"></div>
	</div>
</body>
</html>